@import (reference) "~weaver-mobile/dist/weaver-mobile.less";

.wea-doc-category-bar(@barClsPre, @hasBorder) when (@hasBorder) {
  .@{barClsPre} {
    padding-bottom: @v-spacing-sm;
    border-bottom: 1px solid #EEE9E9;
  }
}
.wea-doc-category-bar(@barClsPre, @hasBorder) {
  .@{barClsPre} {
    .@{barClsPre}-topIcon {
      margin-left: @h-spacing-sm;
      padding-left: @h-spacing-sm;
      padding-right: @h-spacing-sm;
      line-height: @line-height-base;
      height: 30 * @hd;
      border-radius: @radius-sm;
      background: #efeff4;
      display: flex;
      align-items: center;
      color: #B2B2B2;
    }
    .@{barClsPre}-treeIcon {
      flex: 1 1;
      color: #B2B2B2;
      margin-left: @h-spacing-sm;
      margin-right: @h-spacing-sm;
      border-radius: @radius-sm;
      padding-left: @h-spacing-sm;
      line-height: @line-height-base;
      height: 30 * @hd;
      background: #efeff4;
      display: flex;
      align-items: center;
      .@{barClsPre}-browser {
        flex: 1 1;
        background: none;
        a {
          color: #B2B2B2;
        }
      }
      .@{barClsPre}-treeLabel {
        flex: 1 1;
        padding-left: @h-spacing-sm;
        position: relative;
        top: -2 * @hd;
      }
      .@{barClsPre}-filterIcon {
        padding: @v-spacing-sm @h-spacing-md;
      }
    }
  }
}

.wea-doc-list-row(@barClsPre) {
  .@{barClsPre} {
    display: flex;
    .am-checkbox-wrapper {
      padding: @v-spacing-md;
    }
    .@{barClsPre}-img {
      width: 40 * @hd;
      height: 40 * @hd;
      flex-shrink: 0;
    }
    .am-badge {
      position: absolute;
      left: 30 * @hd;
      .am-badge-text {
        font-size: @font-size-icontext;
        line-height: 16 * @hd;
        height: 16 * @hd;
        min-width: 7 * @hd;
      }
    }
    .@{barClsPre}-content {
      flex: 1 1;
      margin-left: @h-spacing-lg;
      .@{barClsPre}-title {
        color: #333333;
        font-size: @font-size-subhead;
        word-break: break-all;
        white-space: normal;
      }
      .@{barClsPre}-sub {
        color: #999999;
        font-size: @font-size-caption-sm;
        padding-top: @v-spacing-sm;
        .@{barClsPre}-sub-right {
          float: right;
          margin-right: @h-spacing-lg;
        }
        .@{barClsPre}-sub-username {
          margin-right: @h-spacing-md;
        }
      }
    }
  }

  .pt-md {
    padding-top:@v-spacing-md;
  }
}
